<!--<!DOCTYPE html>-->
<!--<html lang="en" xmlns:th="http://www.thymeleaf.org">-->
<!--<head>-->
<!--    <meta charset="UTF-8">-->
<!--    <title>Title</title>-->
<!--</head>-->
<!--<body>-->
<!--    <a th:text="order" th:href="@{/order/orderMain}"></a>-->
<!--    <a th:text="account" th:href="@{/account/accountMain}"></a>-->
<!--    <a th:text="category" th:href="@{/category/view}"></a>-->
<!--    <a href="/catalog/product?productId=K9-RT-02">product</a>-->
<!--</body>-->
<!--</html>-->


<!DOCTYPE html>

<!--<html xmlns:th="http://www.thymeleaf.org">-->
<!--      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"-->
<!--      layout:decorate="~{/common/layout}"-->


<html>
<head>
    <meta charset="UTF-8">
    <title>卖家管理商店的网站主页</title>
    <style>
        /* CSS 样式 */
        /*body {*/
        /*    background-color: #cff09e;*/
        /*    font-family: Arial, sans-serif;*/
        /*    margin: 0;*/
        /*    padding: 0;*/
        /*    color: #3b8686;*/
        /*}*/
        section {
            padding: 20px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
        }
        article {
            background-color: #a8dba8;
            border: 1px solid #79bd9a;
            border-radius: 10px;
            box-shadow: 5px 5px 10px #cff09e;
            padding: 20px;
            margin: 10px;
            flex-basis: 30%;
        }
        p {
            line-height: 1.5;
            color: #3b8686;
        }
        table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 20px;
            margin-bottom: 20px;
            color: #3b8686;
            font-size: 14px;
            text-align: center;
        }
        th, td {
            padding: 10px;
            border: 1px solid #79bd9a;
        }
        th {
            background-color: #79bd9a;
            color: white;
            font-weight: bold;
            font-size: 24px;
        }
        /*table {*/
        /*    width: 100%;*/
        /*    margin-left: auto;*/
        /*    margin-right: auto;*/
        /*    margin-bottom: 20px;*/
        /*    margin-top: 20px;*/
        /*    border-spacing: 0px;*/
        /*    border-collapse: collapse;*/
        /*    text-align: center;*/
        /*    font-size: 14px;*/
        /*}*/

        /*table td, table th {*/
        /*    border: 1px solid #f6e6a5;*/
        /*    padding: 10px;*/
        /*}*/

        /*table tr:nth-child(even) {*/
        /*    background-color: #f2f2f2;*/
        /*    color: white;*/
        /*    font-weight: bold;*/
        /*}*/

        /*table th {*/
        /*    background-color: #f6e6a5;*/
        /*    color: white;*/
        /*    font-weight: bold;*/
        /*    text-align: center;*/
        /*    padding: 12px;*/
        /*    font-size:24px ;*/
        /*}*/
        .articles {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            flex-wrap: wrap;
        }
        .articles article {
            width: calc(33.33% - 20px);
            margin: 10px;
            background-color: #fff;
            border: 1px solid #ccc;
            padding: 20px;
            box-sizing: border-box;
            text-align: center;
        }
        .articles article h1 {
            color: #3b8686;
        }
        .articles article p {
            color: #555;
        }
    </style>
</head>
<body >
<iframe th:replace="common/top.html"  frameborder="0" scrolling="yes" class="x-iframe"></iframe>
<!--<div layout:fragment="content">-->
    <h1>商店管理系统</h1>
    <section class="articles">
        <article>
            <h1>订单管理</h1>
            <p>这里显示你的商店的订单列表，你可以查看订单的状态、客户信息以及订单的详情等等。</p>
            <p>你可以在这里对订单进行管理和处理，例如确认订单、发货、退款等等。</p>
            <table>
                <tr>
                    <th colspan="3">订单统计</th>
                </tr>
                <tr>
                    <td>订单总数</td>
                    <td colspan="2" th:text="${orderNum}"></td>
                </tr>
                <tr>
                    <td>待发货订单数</td>
                    <td colspan="2" th:text="${pOrderNum}"></td>
                </tr>
            </table>
        </article>
        <article>
            <h1>用户管理</h1>
            <p>这里显示你的商店的用户列表，你可以查看用户的信息、用户的数量、用户的状态。</p>
            <p>你可以在这里对用户进行管理和处理，例如添加、删除用户，修改用户信息等。</p>
            <table>
                <tr>
                    <th colspan="3">用户统计</th>
                </tr>
                <tr>
                    <td>用户总数</td>
                    <td colspan="2" th:text="${accountNum}"></td>
                </tr>
                <tr>
                    <td>正常用户数</td>
                    <td colspan="2" th:text="${normalAccountNum}"></td>
                </tr>
            </table>
        </article>
        <article>
            <h1>商品管理</h1>
            <p>这里显示你的商店的商品列表，你可以查看商品的库存、价格、销售情况等等。</p>
            <p>你可以在这里对商品进行管理和编辑，例如更新商品信息、添加新的商品和删除商品。</p>
            <table>
                <tr>
                    <th colspan="3">商品统计</th>
                </tr>
                <tr>
                    <td>商品总数</td>
                    <td colspan="2" th:text="${productNum}"></td>
                </tr>
                <tr>
                    <td>缺货商品数</td>
                    <td colspan="2" th:text="${PProductNum}"></td>
                </tr>
            </table>
        </article>
    </section>
<!--</div>-->
<iframe th:replace="common/bottom.html" class="x-iframe"></iframe>

</body>
</html>
